<template>
<div>
    <el-table :data="list" ref="dragTable" highlight-current-row  row-key="id">
        <el-table-column label="id" width="60" prop="id"></el-table-column>
        <el-table-column label="name" prop="name"></el-table-column>
    </el-table>
    <el-button type="primary" icon="el-icon-download" class="ib" @click="downloadTemplate" plain>下载商家清单模板</el-button>
    <el-button type="primary" icon="el-icon-upload2" class="upload_btn ib">
    导入商家清单
    <input id="upload" class="file" type="file" @change="importfxx(this)" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
    </el-button>
    </div>
</template>

<script>
import Sortable from 'sortablejs'
export default {
data (){
    return {
    //     list:[
    // {id:1,name:'aa'},
    // {id:2,name:'bb'},
    // {id:3,name:'cc'},
    // ]
    // }
    xlsx:''
}
// mounted(){
//     this.setSort();
},
methods:{
    /**
 * 排序方法
 */
// setSort(){
//     const el = this.$refs.dragTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
//     this.sortable = Sortable.create(el,{
//         ghostClass:'sortable-ghost',
//         setData:function(dataTransfer){
//         dataTransfer.setData('Text', '')
//         },
//         onEnd: evt => {
//         const targetRow = this.list.splice(evt.oldIndex, 1)[0];
//         this.list.splice(evt.newIndex, 0, targetRow);
//         }
//     })
// }


//         //下载模板
//         downloadTemplate:function(){
//                 var that = this;
//                 require.ensure([], () => {
//                     const { export_json_to_excel } = require('../../utils/Export2Excel'); //这里必须使用绝对路径
//                     const tHeader = ['一','二','三','四']; // 导出的表头名
//                     export_json_to_excel(tHeader, [], `模板`);// 导出的表格名称，根据需要自己命名
//                 })
//         },
//         //导入商家清单
//         importfxx:function(obj){
//             let _this = this;
//             let inputDOM = this.$refs.inputer;
//             // 通过DOM取文件数据
//             _this.excellist=[];
//             this.file = event.currentTarget.files[0];
//             var rABS = false; //是否将文件读取为二进制字符串
//             var f = this.file;
//             var reader = new FileReader();
//             FileReader.prototype.readAsBinaryString = function(f) {
//                 var binary = "";
//                 var rABS = false; //是否将文件读取为二进制字符串
//                 var pt = this;
//                 var wb; //读取完成的数据
//                 var outdata;
//                 var reader = new FileReader();
//                 reader.onload = function(e) {
//                     var bytes = new Uint8Array(reader.result);
//                     var length = bytes.byteLength;
//                     for(var i = 0; i < length; i++) {
//                         binary += String.fromCharCode(bytes[i]);
//                     }
//                     var XLSX = require('xlsx');
//                     if(rABS) {
//                         wb = XLSX.read(btoa(fixdata(binary)), { //手动转化
//                             type: 'base64'
//                         });
//                     } else {
//                         wb = XLSX.read(binary, {
//                             type: 'binary'
//                         });
//                     }
//                     outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);//outdata就是你想要的东西
//                     this.da = [...outdata]
//                     this.da.map(v => {
//                         let obj = {}
//                         obj.a= v['一'];
//                         obj.b = v['二'];
//                         obj.c = v['三'];
//                         obj.d = v['四'];
//                         _this.excellist.push(obj);//导入生成数据
//                     })
//                 }
//                 reader.readAsArrayBuffer(f); 
//             }
//             if(rABS) {
//                 reader.readAsArrayBuffer(f);
//             } else {
//                 reader.readAsBinaryString(f);
//             }
//             document.getElementById('upload').value = '';       
//             },
}
}
</script>
<style scoped>
.upload_btn{ position: relative; margin-bottom: 10px;}
.upload_btn .file{position: absolute;left: 0;top: 0;height: 100%;width: 100%; opacity: 0;cursor: pointer;}
</style>